<template>
    <div class="shop-home" >
<!--      这里是banner-->
        <shop-banner ></shop-banner>
<!--      banner 下面-->
      <CenterContent class="">
        <Bottom></Bottom>
      </CenterContent>
<!--      秒杀-->
      <CenterContent class="home-buttom-background seconds">
        <Seconds></Seconds>
      </CenterContent>

<!--      楼层-->
      <CenterContent class="home-buttom-background floor-top">
        <Floor></Floor>
      </CenterContent>
    </div>
</template>

<script>
import ShopBanner from '../../components/Home/Shop-Banner'
import Bottom from '../../components/Home/BannerBottom/Bottom'
import Seconds from '../../components/Home/Seconds/Seconds'
import Floor from '../../components/Home/Floor/Floor'
export default {
  name: 'Home',
  data () {
    return {}
  },
  components: {
    Floor,
    Seconds,
    Bottom,
    ShopBanner
  }
}
</script>

<style scoped lang="scss">
  .home-buttom-background {
    background: #f9f9f9;
  }
  .seconds {
    height:400px;
  }
  .floor-top {
    padding-top: 30px;
  }
</style>
